<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>搜索</title>
        <style>
        .search-box{
            border-radius: 5px;
            border: 1px  solid lightgrey;
            width: 250px;
            height: 50px;
            background-color: #fff;
            filter:drop-shadow(0 0 2px #b4b4af) ;
        }    
        .search-content{
            font-size: 14px;
            color: #b8b8b8;
            margin-left: 8px;
            margin-top: 6px;
        }
        .key{
            border-radius: 5px;
            width: 65px;
            height: 35px;
            background: red;
            color:#fff;
            margin-left: 70px;
            margin-bottom: 15px;
            border: none;
            
            
        }
        </style>
    </head>
    <body>
        <div class="search-box">
       <placeholder>搜索 京东商品</placeholder>
        <button class="key">搜索</button>
        </div>
        
    </body>
</html>